<template>
  <div class="chanpin">
    <div>
        <div>
            <h3>产品精选</h3>
            <div class="xinxi">
                <div>
                    <b>1.86%</b>
                    <span>七日年化收益率</span>
                </div>
                <div>
                    <p>建信现金添益A
                    </p>
                    <i>货币市场基金</i>
                </div>
            </div>
            <div class="xinxi">
                <div>
                    <b>1.86%</b>
                    <span>七日年化收益率</span>
                </div>
                <div>
                    <p>建信现金添益A
                    </p>
                    <i>货币市场基金</i>
                </div>
            </div>
        </div>
    </div>
    
  </div>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
    .chanpin {
        width: 100%;
        height: 2.55rem;
        background: #fafafa;
        >div {
            width: 100%;
            height: 2.3rem;
            background: #fff;
            >div {
                width: 90%;
                margin: auto;
                h3 {
                    margin-bottom: .1rem;
                    margin-top: .2rem;
                }
                >div {
                    width: 100%;
                    height: .7rem;
                    background: #f2f2f2;
                }
            }
        }
    }
    .xinxi {
        display: flex;
        justify-content: space-around;
        margin-bottom: 10px;
        >div {
            display: flex;
            flex-direction: column;
            justify-content: space-around;
            span {
                font-size: .12rem;
                color: #949494;
            }
            b {
                font-size: .2rem;
                color: #f80800;
            }
            i {
                font-size: .12rem;
                color: #333539;
            }
        }
    }

</style>